html, body {
  background-color: #fafafa;
  .clear {
    clear: none;
  }
  .header {
    border-bottom: 1px solid #e8e8e8;
    padding: 0px;

    .user-avatar-panel {
      position: relative;
      .avatar-operation-panel {
        z-index: 3;
        position: absolute;
        right: 0px;
        width: 200px;
      }
      i {
        margin-left: 4px;
        &::before {
          font-size: 10px;
        }
      }
      i.active {
        color: #1890ff;
      }
    }
  }

  .post .content {
    padding-top: 0px;
    background-color: #fafafa;
  }

  .write-post-area {
    caret-color: #3f87a6;
    .title-area {
      height: 60px;
      width: 100%;
      font-size: 18px;
      .title input {
        padding-top: 30px;
        width: 100%;
        min-height: 100%;
        padding-left: 20px;
        border: none;
        outline: none;
        background-color: #fafafa;
      }
      .operator-area{
        text-align: right;
        padding-right: 20px;
        height: 60px;
        line-height: 60px;
        .save-post {
          position: relative;
          color: #40a9ff;
        }
        .save-post:hover {
          cursor: pointer;
          color: #1890ff;
        }
        .save-post i:before {
          font-size: 10px;
          position: absolute;
          top: 3px;
          right: -16px;
        }

        .save-post .post-tags-selector {
          position: absolute;
          width: 450px;
          text-align: left;
          z-index: 1;
          opacity: .9;
          top: 43px;
          right: -11px;
          .ant-card-body:nth-child(2) {
            padding-top: 5px;
          }
        }

        .syncing-failed {
          color: red;
        }
      }
      .operator-area > * {
        margin-right: 30px;
      }
    }

    .post-content {
      min-width: 100%;
      width: 100%;
      position: absolute;
      top: 60px;
      bottom: 0px;
      border-top: 1px solid #e8e8e8;
      .post-editor {
        height: 100%;
        border-right: 1px solid #e8e8e8;
        padding: 0px;
      }
      .post-editor textarea{
        width: 100%;
        height: 100%;
        border: none;
        outline-style: none;
        resize: none;
        padding: 10px 0px 0px 10px;
      }
      .post-preview {
        height: 100%;
        padding: 10px 5px 0px 10px;
      }

      .post-preview div {
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
      }
    }
  }
}
